{% extends 'login_mu.html' %}
{% block title %}
    <title>注册</title>
{% endblock %}
{% block form %}
    <form action="" method="post" id="loginForm" novalidate="novalidate">
        {% csrf_token %}
        <div>
            {{ form_obj.username }}
        </div>
        <br>
        <div>
            <span style="color: red">{{ form_obj.username.errors.0 }}</span>
        </div>
        <div>
            {{ form_obj.name }}
        </div>
        <br>
        <div>
            <span style="color: red">{{ form_obj.name.errors.0 }}</span></div>
        <div>
            {{ form_obj.password }}
        </div>
        <br>
        <div>
            <span style="color: red">{{ form_obj.password.errors.0 }}</span>
        </div>
        <div>
            {{ form_obj.re_password }}
        </div>
        <br>
        <div>
            <span style="color: red">{{ form_obj.re_password.errors.0 }}</span>
        </div>
        <br>
        <div>
            {{ form_obj.department }}
        </div>
        <br>
        <div>
            <span style="color: red">{{ form_obj.department.errors.0 }}</span>
        </div>
        <br>
        <div>
            {{ form_obj.mobile }}
        </div>
        <br>
        <div>
            <span style="color: red">{{ form_obj.mobile.errors.0 }}</span>
        </div>

        <button id="submit" type="submit">注 册</button>
    </form>
    <a href="{% url 'login' %}}">
        <button type="button" class="register-tis">已有账号？</button>
    </a>
    </div>
{% endblock %}
{% block style %}
    <style>
        select {
            width: 300px;
            height: 42px;
            line-height: 42px;
            margin-top: 25px;
            padding: 0 15px;
            background: #2d2d2d;
            background: rgba(45, 45, 45, .15);
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            border: 1px solid #3d3d3d;
            border: 1px solid rgba(255, 255, 255, .15);
            -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset;
            -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset;
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset;
            font-family: microsoft yahei, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #fff;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
            -o-transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -ms-transition: all .2s;

        }

        option {
            background-color: #3d3d3d;
        }
    </style>
{% endblock %}